@media screen and (orientation: portrait) {

    .discover-big-banner-content-container p, .discover-big-banner-content-container h2{
        max-width: 60vw;
        text-align: center;
        z-index: 100;
    }

    .started-grid .study-item:first-child {
        flex: 1;
        min-width: unset;
    }

    .metrics-container {
        gap: 16px;
    }

    .metric-item h3 {
        font-size: 24px;
        text-align: center;
        z-index: 100;
    }

    .metric-item p {
        font-size: 14px;
        text-align: center;
        z-index: 100;
    }


    .study-item-header h3 {
        font-size: 18px;
    }

    .study-item-header p {
        font-size: 12px;
    }

    .black-layer {
        opacity: 0.4;
    }

    .study-grid {
        grid-template-columns: 1fr;
    }
}